/* 
 * Amnesia is Copyright (c) 2010 Mark Russell
 * 
 * Contact: info@amnesia-app.com	
 * 
 * This file is part of Amnesia.
 * 
 * Amnesia is free software: you can redistribute it and/or modify
 * it under the terms of the GNU General Public License as published by
 * the Free Software Foundation, either version 3 of the License, or
 * (at your option) any later version.
 * 
 * Amnesia is distributed in the hope that it will be useful,
 * but WITHOUT ANY WARRANTY; without even the implied warranty of
 * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
 * GNU General Public License for more details.
 * 
 * You should have received a copy of the GNU General Public License
 * along with Amnesia. If not, see <http://www.gnu.org/licenses/>.
 *
 */

/* Styles for Amnesia */
/* Authored by Mark Russell 2009-2010 */


/* Reset */

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	background: transparent;
}

input {margin-bottom: 5px;}
h3 {padding-bottom: 6px;}

/* Positional */

html, body {
	background-color: #ecedee;
	font-family: Arial, sans-serif;
	font-size: 11px;
	color: #000;
	height: 100%;
}

#main {
	margin:0px auto 0px auto;
	text-align:center;
	height:100%;
	max-height: 100%;
	width:962px;
	background-image: url(../img/core/bg_login.gif);
	background-repeat: repeat;
}

#container {
	position:relative;
	margin:0px auto 0px auto;
	width:962px;
	height:auto;
	max-height: auto;
	text-align:left;
	background-image: url(../img/core/bg_login.gif);
	background-repeat: repeat;
}

/* generic */

.clear {clear: both;}
.clear_top_pad {padding-top: 8px; clear: both;}

/* columns */

#left_retainer {width: 8px; height: 25px; float: left;}
#col_container_secure, #col_container_locked {float: left;}

/* col1 */

#col1 {
	width: 188px;
	float: left;
}

/* col2 */

#col2 {
	width: 190px;
	float: left;
}

#col2_title {
	padding: 7px 0px 0px 10px;
	height: 23px;
	background-image: url(../img/core/title_panel_col2.gif);
	background-repeat: no-repeat;
	font-size: 13px;
	color: #fff;
	font-weight: bold;
}

/* col3 */

#col3 {
	width: 192px;
	float: left;
}

#col3_title {
	height: 30px;
	background-image: url(../img/core/title_panel_col3.gif);
	background-repeat: no-repeat;
	font-size: 13px;
	color: #fff;
	font-weight: bold;
}

#col3_title_text {
	padding: 7px 0px 0px 10px;
	width: 102px;
	float: left;
}

#col3_title_button {
	padding: 3px 0px 0px 0px;
	float: left;
}

/* col4 */

#col4 {
	width: 377px;
	float: left;
}

#col4_title_empty, #col4_title_read, #col4_title_edit, #col4_title_add {
	height: 30px;
	background-image: url(../img/core/title_panel_col4.gif);
	background-repeat: no-repeat;
	font-size: 13px;
	color: #fff;
	font-weight: bold;
}

.col4_title_text {
	padding: 7px 0px 0px 10px;
	width: 70px;
	float: left;
}

.col4_title_button {
	padding: 3px 0px 0px 5px;
	width: 287px;
	float: left;
	text-align: right;
}

#col4_container {
	padding: 0px 10px 0px 10px;
	overflow: auto;
}

* html div.col4_row { 
   height: expression( this.scrollHeight < 27 ? "26px" : "auto" ); /* sets min-height for IE */
}

.col4_row {
	min-height: 26px;
	padding-bottom: 4px;
	border-bottom: 1px solid #e9e9ea;
}

.added_favicon {
	margin-right: 5px;
	vertical-align: top;
}

.read_title {
	padding-top: 7px;
	font-size: 13px;
	color: #333a40;
	font-weight: bold;
	width: 28%;
	float: left;
}

.read_variable {
	width: 54%;
	padding: 7px 0px 3px 0px;
	font-size: 13px;
	color: #333a40;
	word-wrap: break-word;
	float: left;
}

.read_buttons {
	width: 18%;
	height: 22px;
	padding-top: 4px;
	text-align: right;
	float: left;
}

#copy_username_holder_web, #copy_password_holder_web, #copy_username_holder_banking, #copy_password_holder_banking, #copy_username_holder_hosted, #copy_password_holder_hosted, #copy_username_holder_phone, #copy_password_holder_phone, #copy_cardno_holder_cards, #copy_username_holder_certificates, #copy_password_holder_certificates, #copy_username_holder_computer_user, #copy_password_holder_computer_user, #copy_username_holder_email, #copy_password_holder_email, #copy_username_holder_hardware, #copy_password_holder_hardware, #copy_serial_holder_license, #copy_username_holder_notes, #copy_password_holder_notes {
	padding-left: 4px;
	position:relative;
	float: right;
}

.pwd_show_float {
	padding-left: 5px;
	float: right;
}

.read_notes {
	padding-top: 9px;
	font-size: 13px;
	color: #333a40;
	line-height: 18px;
	word-wrap: break-word;
}

.col4_row_edit, .col4_row_edit_error {
	padding-top: 4px;
	height: 26px;
	border-bottom: 1px solid #e9e9ea;
}

label {
	padding-top: 3px;
	font-size: 13px;
	color: #333a40;
	font-weight: bold;
	width: 28%;
	float: left;
}

.notes_label {
	padding-top: 7px;
}

input {width: 50%; float: left;}

.edit_buttons {
	width: 18%;
	height: 22px;
	text-align: right;
	float: left;
}

textarea {
	padding: 4px;
	margin-top: 5px;
	width: 97%;
	height: 120px;
	border: 1px solid #aaa;
}

textarea.notes_a3, textarea.notes_e3 {
	padding: 4px;
	margin-top: 5px;
	width: 97%;
	height: 240px;
	border: 1px solid #aaa;
}

.submit_buttonset {
	padding-top: 4px;
	width: 100%;
	text-align: right;
}

#error_sorry {
	padding-top: 4px;
	width: 50px;
	font-size: 13px;
	font-weight: bold;
	color: #cc0000;
	float: left;
}

#error_message {
	padding-top: 4px;
	font-size: 13px;
	color: #cc0000;
	float: left;
}

#empty_message {
	padding-top: 8px;
	font-size: 13px;
	color: #333a40;
}

.divider {
	padding-top: 6px;
	border-bottom: 1px solid #e9e9ea;
}

/* Login */

#login_contents {
	padding: 76px 0px 0px 38px;
	font-size: 15px;
	font-weight: bold;
	width: 306px;
	color: #414851;
}

#login_contents_logout {
	padding: 104px 0px 0px 38px;
	font-size: 15px;
	font-weight: bold;
	width: 306px;
	color: #414851;
}


#login_form {
	padding-top: 16px;
}

label.login_label {
	width: 100px;
	float: left;
	color: #414851;
}

input.login_input {
	width: 200px;
	float: left;
}

#login_checkbox_container {
	font-size: 12px;
	font-weight: normal;
	color: #414851;
}

#login_checkbox {
	margin: 0px 8px 0px 100px;
	width: auto;
}

#login_button {
	padding: 6px 0px 0px 247px;
	width: 55px;
	height: 22px;
}

.rule {
	border-bottom: 1px solid #b7b7b7;
	margin-bottom: 6px;
	clear: both;
}

.rule_top_pad {
	padding-top: 8px;
	border-bottom: 1px solid #b7b7b7;
	margin-bottom: 6px;
	clear: both;
}

#login_register_link {
	padding-left: 100px;
}

/* Register */

#login_contents_register {
	padding: 32px 0px 0px 38px;
	font-size: 15px;
	font-weight: bold;
	width: 520px;
	color: #414851;
}

.reg_label {
	width: 120px;
}

input#user, input#pass, input#pass_2 {
	width: 170px;
}

#reg_col1 {
	width: 300px;
	float: left;
}

#reg_col2 {
	margin: 22px 0px 0px 4px;
	width: 212px;
	float: left;
}

#reg_password_suggest {
	padding: 5px 8px 5px 5px;
	width: 165px;
	height: 42px;
	font-size: 13px;
	font-weight: normal;
	border: 1px solid #caccce;
}

#reg_continue {
	padding: 2px 0px 0px 233px;
}

/* Create Key */

.create_key_label {
	width: 100px;
}

label.show_key {
	padding-left: 4px;
	float: none;
	font-size: 12px;
	font-weight: normal;
}

input#show_pwd {
	width: 16px;
}

input#firstname, input#lastname {
	width: 200px;
}

input#master_key_1, input#master_key_2 {
	width: 300px;
}

input#show_pwd {
	display: inline;
	padding: 0;
	margin: 0;
}

#key_form_inputs {
	width: 370px;
	float: left;
}

#key_form_checkbox {
	float: left;
	width: 150px;
}

#create_key_buttonset {
	text-align: right;
}

#create_key_button {
	padding-top: 6px;
}

/* Reg complete */

#reg_complete_button {
	padding: 6px 0px 0px 390px;
}

/* User prefs */

.prefs_label {
	width: 300px;
}

.prefs_form {
	margin: 20px 0px 0px 12px;
	width: 180px;
}

.prefs_buttonset {
	width: 100%;
	text-align: right;
}

/* Errors */

#login_error {
	border: 1px solid #b0b3b7;
	margin-top: 4px;
	padding: 5px 8px 5px 8px;
	color: #800000;
	font-size: 12px;
	line-height: 17px;
	font-weight: normal;
	background-color: #e1e2e3;
}

#error_email_valid, #error_pass_blank, #error_pass_match, #key_entry_error, #error_pass_length {
	border: 1px solid #b0b3b7;
	margin-top: 4px;
	padding: 5px 8px 5px 8px;
	color: #800000;
	font-size: 12px;
	line-height: 17px;
	font-weight: normal;
	background-color: #e1e2e3;
	display: none;
	margin-bottom: 12px;
}

.error {color: #800000;}

/* Key Entry */

#master_key_contents {
	padding: 94px 0px 0px 38px;
	font-size: 15px;
	font-weight: bold;
	color: #656c73;
}

#master_key_input {
	margin: 8px 6px 0px 0px;
	width: 350px;
}

#key_button {
	padding-top: 8px;
}

ul.text {
	padding-left: 12px;
}

/* status */

#status_locked {
	height: 30px;
	background-image: url(../img/core/status_panel_login.gif);
	background-repeat: no-repeat;
}

#status_secure {
	height: 30px;
	background-image: url(../img/core/status_panel_secure.gif);
	background-repeat: no-repeat;
}


#status_left {
	padding: 9px 0px 0px 10px;
	width: 400px;
	color: #51575d;
	float: left;
	text-shadow: #fff 1px 1px 1px;
}

#status_right {
	padding: 9px 10px 0px 0px;
	width: 339px;
	float: left;
	color: #51575d;
	text-align: right;
	text-shadow: #fff 1px 1px 1px;
}

.status_icn {
	padding-left: 6px;
	vertical-align: middle;
}

#login_status_locked, #login_status_unlocked {
	margin: 16px 16px 10px 12px;
	padding-bottom: 10px;
	color: #d7d7d9;
	text-shadow: #262f39 0px -1px 0px;
	line-height: 16px;
	border-bottom: 1px solid #777a7b;
}

#login_lock_button {
	padding-top: 3px;
}

#user_status {
	margin: 10px 16px 10px 12px;
	color: #d7d7d9;
	text-shadow: #262f39 0px -1px 0px;
	line-height: 16px;
}

/* Lists */

#cat_list{
	list-style-type: none;
}

#cat_list li.no_link {
	padding: 7px 0px 0px 10px;
	height: 23px;
	font-size: 13px;
	line-height: 17px;
	font-weight: bold;
	color: #31373f;
	display: block;
	border-bottom: 1px solid #c4c4c6;
	background-color: #f7f8fa;
}

#cat_list li a {
	padding: 7px 0px 0px 10px;
	margin: 0px 0px 0px 0px;
	height: 23px;
	display: block;
	border-bottom: 1px solid #c4c4c6;
}

#cat_list li a:hover {
	background-color: #f7f8fa;
}

.icon {
	padding: 0px 6px 0px 0px;
	vertical-align: top;
}

.scroll_holder {
	overflow: auto;
}

#item_list{
	padding-left: 1px;
	list-style-type: none;
}

#item_list li.no_link {
	padding: 7px 0px 0px 10px;
	height: 23px;
	font-size: 13px;
	line-height: 17px;
	font-weight: bold;
	color: #31373f;
	display: block;
	border-bottom: 1px solid #e0e0e1;
	background-color: #ffffff;
}

#item_list li a {
	padding: 7px 0px 0px 10px;
	margin: 0px 0px 0px 0px;
	height: 23px;
	display: block;
	border-left: 1px solid #ffffff;
	border-bottom: 1px solid #e0e0e1;
}

#item_list li a:hover {
	background-color: #ffffff;
}


/* Text etc */

.text {
	padding-top: 8px;
	font-size: 12px;
	font-weight: normal;
	line-height: 17px;
	
}

h2 {
	font-size: 16px;
	padding-top: 6px;
}

.title_error {color: red;}

.version {
	padding-top: 12px;
	font-size: 11px;
	font-weight: normal;
}

/* Links */

a:link, a:active, a:visited {
	color: #333a40;
	text-decoration: none;
}

a:hover {
	color: #333a40;
	text-decoration: underline;
}

a.col1:link, a.col1:active, a.col1:visited {
	color: #d7d7d9;
	text-decoration: none;
}

a.col1:hover {
	color: #d7d7d9;
}

a.cat_list_link:link, a.cat_list_link:active, a.cat_list_link:visited {
	font-size: 13px;
	line-height: 17px;
	font-weight: bold;
	color: #31373f;
	text-decoration: none;
}

a.cat_list_link:hover {
	font-size: 13px;
	line-height: 17px;
	font-weight: bold;
	color: #31373f;
	text-decoration: none;
}

a.item:link, a.item:active, a.item:visited {
	font-size: 13px;
	line-height: 17px;
	font-weight: bold;
	color: #191d24;
	text-decoration: none;
}

a.item:hover {
	font-size: 13px;
	line-height: 17px;
	font-weight: bold;
	color: #191d24;
	text-decoration: none;
}

a.login_text_link:link, a.login_text_link:active, a.login_text_link:visited {
	font-size: 12px;
	line-height: 17px;
	font-weight: normal;
	color: #414851;
	text-decoration: none;
}

a.login_text_link:hover {
	font-size: 12px;
	line-height: 17px;
	font-weight: normal;
	color: #414851;
	text-decoration: underline;
}

/* Modal delete panel */

.lightbox_bg {
    background: #000 none repeat scroll 0 0;
    display: none;
    height: 100%;
    left: 0;
    filter:alpha(opacity=50);
	-moz-opacity:0.5;
	-khtml-opacity: 0.5;
	opacity: 0.5;
    top: 0;
    width: 100%;
    z-index: 50;
    display: none;
    position: fixed;
}

.modal {
    position: absolute;
    width: 180px;
    height: 95px;
    left: 45%;
    top: 130px;
    z-index: 51;
    background-image: url(../img/core/delete_panel.png);
}

#delete_message {
	padding: 15px 15px 10px 15px;
	font-size: 13px;
	font-weight: bold;
}

#delete_buttons {
	padding: 0px 15px 0px 0px;
	text-align: right;
}

#copy_password_container { width: 16px; height: 16px; }